<!--nav-->
<div class="gation wrapper wrapper01" id="retr">
    <div class="scroller nav">
        <ul class="line swiper-wrapper" id="line">
            <li class="" ng-repeat="item in  navData.columns track by $index" repeat-finish>
                <a ng-click="chanNav(item.columnId)" id="navList">{{item.columnName}}</a>
                <div class="navBotLine"></div>
            </li>
        </ul>
    </div>

    <div class="clear"></div>
</div>
<style>
    .gation{
        border-bottom:1px solid #e3e3e3;
        background: #ffffff;
    }
    .line li{
      /*width: 64px;*/
        padding:0 15px !important;;
        *padding:0 15px;
        _padding:0 15px;
    }
    .line li a{
        white-space: nowrap;
    }


</style>
<script src="trd/test/jquery.js"></script>
<script src="trd/test/iscroll.js"></script>
<script src="trd/test/navbarscroll.js"></script>


<script type="text/javascript">
   // $('#line li').css({margin:'0 30px'})
    var n=19;

    $(function () {
        $('.wrapper').navbarscroll();
       //测试

            var browser=navigator.appName
            var b_version=navigator.appVersion
            var version=parseFloat(b_version)
//            document.write("浏览器名称："+ browser)
            console.log('浏览器名称'+browser)
//            document.write("<br />")
//            document.write("浏览器版本："+ version)
            console.log('浏览器版本'+version)
//            $('#line li').css({margin:'0 30px'})


    })
</script>